<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
      .radio-inline input[type=radio] {
    margin-top: 4px;
}
        .note-editable{height: 150px}
    </style>
</head>

<body style="color:#333;padding:3px;" class="x_sorll">
    <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">添加销售订单</h1>
    </div>
    <!-- 标题 -->
    <div>
    <form action=""  class="form-inline">
      <table class="row-margin-top tab-content table-bordered table" border="1" style="margin-bottom:0">
          <tr>
            <td style="min-width: 160px;width: 160px"><label for="" class="form-label">申请人：</label></td>
            <td>测试经理</td>
            <td  style="min-width: 160px;width: 160px"><label for="">申请人部门</label></td>
            <td>华南大区</td>
            <td  style="min-width: 160px;width: 160px"><label for="">申请日期</label></td>
            <td>2017-11-22 19:39</td>
            </tr>
            <tr>
            <td  style="min-width: 160px;width: 160px"><label for="">客户类型<span class="colorRed"></span></label></td>
            <td>
                <div class="form-group">
                      <label class="radio-inline">
                  <input type="radio" checked name="inlineRadioOptions23" id="inlineRadio11" value="option11">经销商
                </label>
                </div>
            </td>
             <td  style="min-width: 160px;width: 160px"><label for="">客户名称<span class="colorRed">*</span>:</label></td>
            <td colspan="3">
             <input type="text" class="form-control" name=""><a href="javascript:;">选择<span class="helpText">帮</span></a>
            </td>
        </tr>
        <tr>
             <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">收货信息<span class="colorRed">*</span>：</label>
             </td>
             <td colspan="5">
                <div class="form-group">
                     <label for="" class="form-label">收货信息：</label>
                     <input type="text" class="form-control" name="">
                </div>
                  <div class="form-group">
                     <label for="" class="form-label">收货人：</label>
                     <input type="text" class="form-control" name="">
                </div>
                <div class="form-group">
                     <label for="" class="form-label">电话：</label>
                     <input type="text" class="form-control" name="">
                </div>
                <button class="btn btn-info" type="button">保存收货信息</button>
                <button class="btn btn-info"  type="button">更换收货信息</button>
             </td>
        </tr>
        <tr>
            <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">建议发货日期<span class="colorRed">*</span>：</label>
             </td>
             <td>
                <input type="text" class="form-control" name="">
             </td>
              <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">订单状态：</label>
              </td>
               <td colspan="">
                草稿
             </td>
        </tr>
        <tr>
           <td colspan="6">
             <button class="btn btn-info" type="button">添加销售订单明细</button>（至少添加一条物料明细）
             <button class="btn btn-info" type="button">添加货补订单明细</button>（备注：根据需货补的核销单添加货补明细）
             <button class="btn btn-info" type="button">添加补费订单明细</button>（备注：选择核销单冲抵订单金额）
           </td>
        </tr>
      </table>
    <table class=" table table-bordered text-right ad_table" style="display: none;">
        <thead>
              <tr class="info">
            <th class="text-center font-bold" colspan="19">
               成品销售订单
            </th>
        </tr>
        <tr class="info">
            <th class="text-center">明细编号</th>
            <th class="text-center">品类</th>
            <th class="text-center" color: blue">产品编码<span>↓</span></th>
            <th class="text-center"color: blue">产品名称<span>↓</span></th>
            <th class="text-center">对应订单明细编号</th>
            <th class="text-center">对应核销单明细编号</th>
            <th class="text-center"color: blue">规格<span>↓</span></th>
            <th class="text-center">条形码</th>
            <th class="text-center">单位</th>
            <th class="text-center">原供价(元)</th>
            <th class="text-center">现供价(元)</th>
            <th class="text-center">类型</th>
            <th class="text-center">订货数量</th>
            <th class="text-center">搭赠数量</th>
            <th class="text-center">原金额(元)</th>
            <th class="text-center">应收金额(元)</th>
            <th class="text-center">体积(立方米)</th>
            <th class="text-center">重量(吨)</th>
            <th class="text-center">备注</th>
        </tr>
        </thead>
        <tr class="warning">
            <td>2017092400015_1</td>
            <td>粽子类</td>
            <td>103010023</td>
            <td>08瑶柱咸肉裹蒸棕</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>箱</td>
            <td>25.0000</td>
            <td>25.0000</td>
            <td>销售</td>
            <td>35.0000</td>
            <td>0.0000</td>
            <td>250.0000</td>
            <td>250.0000</td>
            <td>0.0000</td>
            <td>0.0000000</td>
            <td></td>
        </tr>
          <tr>
            <td>2017092400015_1</td>
            <td>粽子类</td>
            <td>103010023</td>
            <td>08瑶柱咸肉裹蒸棕</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>箱</td>
            <td>25.0000</td>
            <td>25.0000</td>
            <td>销售</td>
            <td>35.0000</td>
            <td>0.0000</td>
            <td>250.0000</td>
            <td>250.0000</td>
            <td>0.0000</td>
            <td>0.0000000</td>
            <td></td>
        </tr>
          <tr class="warning">
            <td>2017092400015_1</td>
            <td>粽子类</td>
            <td>103010023</td>
            <td>08瑶柱咸肉裹蒸棕</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>箱</td>
            <td>25.0000</td>
            <td>25.0000</td>
            <td>销售</td>
            <td>35.0000</td>
            <td>0.0000</td>
            <td>250.0000</td>
            <td>250.0000</td>
            <td>0.0000</td>
            <td>0.0000000</td>
            <td></td>
        </tr>
         <tr>
            <td>2017092400015_1</td>
            <td>粽子类</td>
            <td>103010023</td>
            <td>08瑶柱咸肉裹蒸棕<span class="duigou" title="赠品">赠</span></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>箱</td>
            <td>25.0000</td>
            <td>25.0000</td>
            <td>捐赠</td>
            <td>35.0000</td>
            <td>0.0000</td>
            <td>250.0000</td>
            <td>250.0000</td>
            <td>0.0000</td>
            <td>0.0000000</td>
            <td></td>
        </tr>
         <tr class="font-bold">
            <td></td>
            <td colspan="8">小计</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>140.0000</td>
            <td>140.0000</td>
            <td>140.0000</td>
            <td>140.0000</td>
            <td>140.0000</td>
            <td>140.0000</td>
            <td></td>
        </tr>
    </table>
    <table class="row-margin-top table table-bordered">
        <tr class="font-bold">
        <td style="min-width: 200px;width: 200px">订单总应收金额：</td>
        <td></td>
        </tr>
    </table>
     <table class="table table-bordered">
        <tr>
        <td class="font-bold" style="min-width: 200px;width: 200px" rowspan="3">   <label for="" class="form-label">注意事项<span class="colorRed">*</span>：</label></td>
        <td rowspan="3">
            <textarea name="" id="" class="form-control" style="user-select:none;width: 60%" rows="3"></textarea>
            <span style="vertical-align: bottom;">(300)</span>
        </td>
        </tr>
    </table>
    <div class="form-group" style="margin:20px 10px 20px 20px">
        <input type="file" id="exampleInputFile">
        <p class="help-block" style="color:#1295d2">注：最多上传15个文件，每个文件小于50M,支持格式：</p>
        <p class="help-block" style="color:#1295d2">jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav</p>
    </div>
     <div class="row sub_btn" style="width:100%;text-align:center;padding: 20px 0">
        <input type="submit" class="btn btn-success" value="保存为草稿">
        <input type="submit" class="btn btn-info" value="保存并提交工作流">
        <input type="button" class="btn btn-warning" value="返回" onclick="back()">
    </div>
</form>
    </div>
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/layer/laydate/laydate.js"></script>
   <script>
        function back(){
            history.go(-1)
        }
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
   </script>
</body>

</html>
